import React, { Component } from 'react'
import Search from './component/Search'
import List from './component/List'

export default class App extends Component {

    // 初始化状态
    state = {
        users: [], // users初始值为数组
        isFirst: true, // 是否第一次打开页面
        isLoding: false, // 标识是否处于加载中
        err: '' // 存储请求相关错误信息
    }

    saveUsers = (users) => {
        this.setState({ users })
    }

    // 更新App的state
    updateAppState = (stateObj) => {
        this.setState(stateObj)
    }

    render() {
        return (
            <div className="container">
                <Search updateAppState={this.updateAppState} />
                <List {...this.state} />
            </div>
        )
    }
}
